<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>刘天平-搜索遥控器</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			body{position: relative;background-color: #F5F5F5;}
			a {
				text-decoration: none;
			}
			
			li {
				list-style-type: none;
			}
			.zero {
				height: 30px;
				background-color: #333333;
			}
			
			.one ul { font-size: 12px;font-family: "微软雅黑";
				line-height: 30px;
			}
			
			.one li {
				float: left;
				padding: 0px 6px;
				color: #b0b0b0;
			}
			
			.one li:hover {
				color: white;
			}
			
			.two ul {font-size: 12px;font-family: "微软雅黑";
				margin-right: 20px;
				line-height: 30px;
			}
			
			.two li:hover {
				color: white;
			}
			
			.two li {
				float: right;
				padding: 0px 4px;
				color: #b0b0b0;
			}
			
			.main {
				background-color: white;
				overflow: hidden;
				width: 1226px;
			}
			.main .nav{width: 700px;margin: 0 auto;}
			.li{position: relative;float: left;top: 30px;color: #000000;margin-left: 30px;font-size: 16px;font-family: "微软雅黑";}
			.li:hover{color: red;}
			.leftlist{z-index: 10;
				height: 460px;
			display: none;
				width: 234px;
				position: absolute;
				top: 110px;left:63px;
				background-color: white;
				border:1px orangered solid;}
				.leftlist .leftul{position: relative;}
				.leftlist .leftul div{position: absolute;height: 460px;
				display: none;
				width: 600px;
				background-color: white;
				color: black;
				font-size: 14px;
				position: absolute;
				top: 0;
				left: 235px;}
				.leftlist .leftul div table{margin-left: 350px;}
				.leftlist .leftul div table span{font-size: 16px;font-family: "微软雅黑";position: relative;left: -300px;}
				.leftlist .leftul span{position: absolute;right: 10px;font-size: 20px;font-family: "宋体";font-weight: bolder;}
			.leftlist .leftul li{height:46px;width: 234px;line-height: 46px;font-family: "微软雅黑";font-size: 16px;}
			.leftlist .leftul li:hover{background-color: orangered;color: white;}	
			.child1 {
				height: 80px;
			}
			
			.baby1 {
				float: left;
			}
			
			.baby2 {
				float: left;
				position: relative;
			}
			
			#A li>div {
				height: 260px;
				width: 1348px;
				display: none;
				font-size: 40px;
				z-index: 1;
				background-color: white;
				position: absolute;
				top: 200px;
				left: 0;
			}
			
			.baby3 li {
				float: left;
				padding: 0px 15px;
				color: black;
				line-height: 80px;
			}
			
			.baby3 li:hover {
				color: crimson;
			}
			.baby3 li .daohan{ border-top:1px  #E0E0E0 solid;margin-top: -100px;}
			.baby3 li .headimg{width: 205px;border-right: 1px gainsboro solid;margin-left: 20px;float: left;margin-top: 15px;}
			.baby3 li .headimg img{width: 92px;height: 107px;}	
			#body {
				background-color:#F5F5F5;
				width: 1330px;
				margin: 0 auto;
			}
			
			.body {background-color: #F5F5F5;
				width: 1311px;
				position: relative;margin: 0 auto;
				overflow: hidden;
				padding-bottom: 30px;
			}
			
			.head {
				position: relative;
				height: 54px;
				width: 1300px;
				background-color: red;
			}
			
			#menu {
				width: 1340px;
				height: 41px;
				background-color: #f1f1f1;
				padding-left: 80px
			}
			
			#menu span {
				height: 41px;
				width: 80px;
				line-height: 41px;
				font-size: 10px;
				color: gray;
				cursor: pointer;
				padding-right: 10px;
			}
			
			#menu span:hover {
				color: black;
			}
			
			.show {background-color: white;
				width: 1340px;
				height: 630px;
				
				position: relative;
				overflow: hidden;
			}
			
			.botn {
				margin-top: 40px;
			}
			
			.show .botn1,
			.botn2 {
				width: 70px;
				height: 70px;
				border: 1px gainsboro solid;
				cursor: pointer;
				float: left;
				margin-top: 15px;
				margin-left: 64px;
				text-align: center;
				line-height: 70px;
			}
			
			.show .botn1:hover {
				width: 70px;
				height: 70px;
				border: 1px orangered solid;
				cursor: pointer;
				float: left;
				margin-top: 15px;
				margin-left: 64px;
				text-align: center;
				line-height: 70px;
			}
			
			.show .botn2:hover {
				width: 70px;
				height: 70px;
				border: 1px orangered solid;
				cursor: pointer;
				float: left;
				margin-top: 15px;
				margin-left: 64px;
				text-align: center;
				line-height: 70px;
			}
			
			.show .botn2 {
				position: relative;
				right: 137px;
				top: 100px;
			}
			
			.img1,
			.img2 {clear: both;
				width: 482px;
				height: 482px;
				position: relative;
				top: -30px;
				left: 140px;
			}
			
			.img1 {
				display: none;
			}
			
			.img2 {
				display: block;
			}
			.shuoming{position: relative;left: 800px;top:-500px;
				width: 530px;height: 500px; 
			text-align: center;
			}
			.shuomright{width: 470px;margin: 0 auto;}
			.youhuo{height:55px ;width: 420px;background-color: #FAFAFA;border: 1px #E0E0E0 solid;line-height:55px;margin: 0 auto;position: relative;}
			#yuan{color: #FF6700;font-size: 16px;}
			.main{width: 1300px;margin: 0 auto;background-color: #F5F5F5;}
			.ff{width: 1226px;margin-left:50px ;}
			.fdiv{display: inline-block;width: 234px;height: 300px;background-color: white;margin-left: 10px;}
			.fdiv img{width: 140px;height: 140px;}
			.foot {
				background-color: white;
			}
			
			.foot-top {
				width: 1226px;
				margin: 0 auto;
			}
			
			.foot-top ul {
				margin: 0 30px;
			}
			
			.foot-top ul li {
				float: left;
				list-style-type: none;
				padding: 0 30px;
				line-height: 79px;
			}
			
			.foot-top a {
				text-decoration: none;
				color: #616161;
				font-size: 16px;
			}
			
			.foot-top a:hover {
				color: #FF6700;
			}
			
			.foot-middle {
				width: 1226px;
				margin: 0 auto;
				clear: left;
				border-top: 1px solid #e0e0e0;
			}
			
			.foot-middle div {
				display: inline-block;
			}
			
			.middle-left {
				width: 996px;
			}
			
			.middle-left a {
				color: #757575;
				text-decoration: none;
			}
			
			.middle-list {
				width: 155px;
				height: 112px;
				font-size: 12px;
			}
			
			.middle-list ul li {
				list-style-type: none;
				line-height: 30px;
			}
			
			.middle-list ul {
				padding-top: 40px;
			}
			
			.middle-list .list-head {
				font-size: 14px;
			}
			
			.middle-right {
				border-left: 1px solid #e0e0e0;
				width: 221px;
				height: 153px;
				text-align: center;
				vertical-align: top;
				line-height: 20px;
				padding-top: 40px;
			}
			
			.middle-text span {
				font-size: 12px;
			}
			
			.middle-text .number {
				font-size: 22px;
				color: #ff6700;
			}
			
			.middle-text .customer {
				border: 1px solid #ff6700;
				padding: 5px 15px;
				line-height: 30px;
				/*margin-top: 7px;*/
			}
			
			.middle-text a {
				text-decoration: none;
				color: #ff6700;
			}

		.footer {
				background-color: #FAFAFA;
			}
			
			.footer-0 {
				width: 1226px;
				height: 57px;
				margin: 0 auto;
			}
			
			.footer-0 div {
				display: inline-block;
			}
			
			.footer-left div {
				display: inline-block;
			}
			
			.footer-p p {
				font-size: 12px;
				line-height: 18px;
				display: inline-block;
				color: #b0b0b0;
			}
			
			.footer-right {
				vertical-align: top;
				vertical-align: right;
				text-align: right;
				width: 360px;
				margin-left: 100px;
			}
			
			.footer-right  {
			   position: relative;
			   right: -3px;
				width:190px;
			}
			
			.footer-1 {
				height: 70px;
			}
			
			.footer-1 p {
				padding-top: 20px;
				font-size: 22px;
				color: #BABABA;
				/*line-height: 19px;*/
				font-family: "楷体";
				text-align: center;
			}
			/*模态框*/
			.mtk{z-index: 10;
				width: 100%;height: 2000px;
			background-color: rgba(0,0,0,0.3);
			position: absolute;
			top: 0;
			display: none;
			}.img0{display: inline-block;cursor: pointer;}
			.mtk span{color:#B0B0B0; display: block;width: 27px;height: 27px;background-color: white;border-radius: 50%;font-size: 24px;font-weight: bold;text-align: center;line-height: 27px;
			position:relative ;left: 1280px;top: 330px;z-index: 1;
			}
	     .mtk span:hover{background-color:crimson ;color: white;}
	      .mtkconten{background-color: white;width:  420px;height:247px;border: 1px orangered solid;position: relative;left: 900px;top: 300px;} 
		  #input0{border: 1 #E0E0E0 solid;outline: none;width:356px ;height: 44px;position: relative;top: 30px;left: 25px;}
		</style>
	</head>

	<body>
			<!--模态框-->
			<div class="mtk"> 
				<span class="span0">x</span>
				<div class="mtkconten">
					<input type="text" id="input0" value="" />
				<span>手动选择地址></span>
				</div>
			</div>
			<script type="text/javascript">
				var mtk=document.querySelector(".mtk");
				var span=document.querySelector(".span0");
				 span.onclick=function(){
				 	mtk.style.display="none";
				 };
				function mtk0(){
					this.parentNode.parentNode
				}
			</script>
			<div class="zero">
				<div class="one">
					<ul>
						<a href="#">
							<li>小米商城</li>
						</a>
						<a href="#">
							<li>MIUI</li>
						</a>
						<a href="#">
							<li>米聊</li>
						</a>
						<a href="#">
							<li>游戏</li>
						</a>
						<a href="#">
							<li>多看阅读</li>
						</a>
						<a href="#">
							<li>云服务</li>
						</a>
						<a href="#">
							<li>金融</li>
						</a>
						<a href="#">
							<li>小米商城移动版</li>
						</a>
						<a href="#">
							<li>问题反馈</li>
						</a>
						<a href="#">
							<li>SelectRegin</li>
						</a>
					</ul>
				</div>
				<div class="two">
					<ul>
						<a href="#">
							<li>购物车</li>
						</a>
						<a href="#">
							<li>消息通知</li>
						</a>
						<a href="#">
							<li>注册</li>
						</a>
						<a href="#">
							<li>登录</li>
						</a>
					</ul>
				</div>
			</div>
			<div class="main">
				<div class="child1">
					<div class="baby1"><img src="shouji/logo.png" /></div>
					    <div class="Left"><span class="li">全部商品分类</span>
								<div class="leftlist">
						 <ul  class="leftul">
						 	<li>手机 电话卡 <span>&gt;</span>
						 		<div>	<table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/018080.png" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/bjbcdq80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/compare.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/80pc-5x.png"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table>
											</div>
						 	</li>
						 	<li>笔记本 平板 <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/bjbcdq80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/bjbcdq80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/bjbcdq80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/bjbcdq80.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>电视 盒子<span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>路由器 智能硬件 <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/hm4-80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/hm4-80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/hm4-80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/hm4-80.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>移动电源                <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/hm4-80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/hm4-80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/hm4-80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/hm4-80.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>耳机 音箱            <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>保护套 贴膜 <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/compare.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/compare.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/compare.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/compare.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>线材 支架 存储卡 <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>箱包 服饰 鞋 眼镜 <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/80pc-5x (1).png" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/80pc-5x (1).png" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/80pc-5x (1).png" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/80pc-5x (1).png"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>米兔 生活周边 <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/max2_80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/max2_80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/max2_80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/max2_80.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 </ul>			
								</div>
								</div>	
								<div id="A">
						<ul class="baby3">
							<a href="#">
								<li>小米手机
									<div  class="daohan">
							<div class="headimg">
								<img src="Daohanimg/mipad3_320.png"/>
							</div>		
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/mipad3_320.png"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/mipad3_320.png"/>
							</div>		
									</div>
								</li>
							</a>
							<a href="#">
								<li>红米
									<div  class="daohan">
									<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>		
									</div>
								</li>
							</a>
							<a href="#">
								<li>平板
									<div  class="daohan">
							<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>				
									
									</div>
								</li>
							</a>
							<a href="#">
								<li>笔记本
									<div  class="daohan">
									<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>		
									</div>
								</li>
							</a>
							<a href="#">
								<li>电视
									<div  class="daohan">
						<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>						
										
									</div>
								</li>
							</a>
							<a href="#">
								<li>盒子
									<div  class="daohan">
										<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>		
									</div>
								</li>
							</a>
							<a href="#">
								<li>影音
									<div  class="daohan">
										<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>		
									</div>
								</li>
							</a>
							<a href="#">
								<li>路由器
									<div  class="daohan">
										<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>		
									</div>
								</li>
							</a>
							<a href="#">
								<li>智能硬件
									<div  class="daohan">
										<div class="headimg">
								<img src="Daohanimg/xm6-320.png"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/xm6-320.png"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/xm6-320.png"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/xm6-320.png"/>
							</div>		
									</div>
								</li>
							</a>
							<a href="#">
								<li>服务
									<div  class="daohan"><div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>		</div>
								</li>
							</a>
							<a href="#">
								<li>社区
									<div class="daohan"><div class="headimg">
								<img src="Daohanimg/mipad3_320.png"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/mipad3_320.png"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/mipad3_320.png"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/mipad3_320.png"/>
							</div>		</div>
								</li>
							</a>
							<li><input  type="search" name="" id="" value="" /></li>
						</ul>
					</div>
					</div>
					</div>
		<script type="text/javascript">
						var A = document.getElementById("A");
						var lis = A.getElementsByTagName("li");
						for(var i = 0; i < lis.length; i++) {
							lis[i].onmouseover = function() {
								this.getElementsByTagName("div")[0].style.display = "block";
							};
							lis[i].onmouseout = function() {
								this.getElementsByTagName("div")[0].style.display = "none";
							};
						}
					</script>
					<script type="text/javascript">
						var leftlist = document.querySelector(".leftlist");
						var lis =leftlist .getElementsByTagName("li");
						for(var i = 0; i < lis.length; i++) {
							lis[i].onmouseover = function() {
								this.getElementsByTagName("div")[0].style.display = "block";
							};
							lis[i].onmouseout = function() {
								this.getElementsByTagName("div")[0].style.display = "none";
							};
						}
			
			</script>
			<script type="text/javascript">
				 var li=document.querySelector(".Left");
				 var left=document.querySelector(".leftlist");
				 li.onmouseover=function(){
				 	left.style.display="block";
				 }
				  left.onmouseout=function(){
				 	left.style.display="none";
				 }
			</script>
		<div class="body">
			<div id="menu">
				<span>首页</span><span>/</span><span>配件</span><span>小米电视机/盒子配件</span><span><span>/</span>小米蓝牙触控语音遥控器</span>
			</div>
			<div class="show">
				<div class="botn">
					<div class="botn1" onclick="show1()">
						<img src="imyaokongqi/pms_1491365468.1786002!60x60.jpg" />
					</div>
					<div class="botn2" onclick="show2()">
						<img src="imyaokongqi/pms_1491365493.59276329!60x60.jpg" />
					</div>
				</div>
				<div class="img1">
					<img src="imyaokongqi/pms_1491365493.59276329!482x482.jpg" />
				</div>
				<div class="img2">
					<img src="imyaokongqi/pms_1491365468.1786002!482x482.jpg" />
				</div>
				<div class="shuoming">
					<h3 style="font-family: '微软雅黑';font-size: 32px;font-weight: bold;margin-bottom: 10px;">小米蓝牙触控语音遥控器</h3> 
					<p style="color:gray;font-size: 13px;font-family: '微软雅黑';">语音智能搜片 / 能控制机顶盒 / BLE 低功耗蓝牙4.2 / 适配小米电<br/>视、小米盒子、小米电视主机（1代小米电视、1代/2代小米盒子、小米小盒<br/>子除外），系统需升级到最新版本</p>
					<div class="shuomright">
					<span style="display: inline-block;width: 70px;height:20px;color: white;background-color:#FFD600 ;text-align: center;position: relative;left: -175px;margin-bottom: 10px;">
				折扣
			</span>
	
					<div class="youhuo">
						<span id="">
				有货
			</span> 北京 &nbsp;北京市&nbsp; 东城区 &nbsp; 永定门外街道 <span onclick="mtk0()"><img src="imyaokongqi/baa5479c14a05243bebde71623e70ac5.png" /></span>
					
					</div>
		<span style="display:inline-block;width: 420px;height: 71px;    color:#FF6700;border: 1px #E0E0E0 solid;font-family: '微软雅黑';font-size: 32px;margin-top: 20px ;">89
						<span  id="yuan">
			元	
			</span>	
						</span>
		
<span style="display: inline-block;text-align: center;color: white;height: 50px;width:260px;line-height: 50px;background-color:#FF6700 ;margin-top: 30px;margin-left: -7px;">
				加入购物车
		</span><span style="display:inline-block;color: white;background-color: #B0B0B0;height: 50px;width:150px ;float: right;line-height: 50px;margin-top: 30px;position: relative;left: -20px;">喜欢</span>
				<img src="imyaokongqi/4c71d0e7d2c1b540bea549521aa6c7f1.png"style="margin-top: 13px;"/>
					</div>
				</div>

			</div>
			<div class="main">
			<div class="nav"><img src="4e14c0eb22f7bc4ebb60b8e132c34215.png"/></div>
				<img src="imyaokongqi/lyyxykq_01.jpg"/>
			<img src="imyaokongqi/lyyxykq_02 (8).jpg"/>
			<img src="imyaokongqi/lyyxykq_03.jpg"/>
			<img src="imyaokongqi/lyyxykq_04 (5).jpg"/>
			<img src="imyaokongqi/lyyxykq_05.jpg"/>
			<img src="imyaokongqi/lyyxykq_06.jpg"/>
			<img src="imyaokongqi/lyyxykq_07 (2).jpg"/>
			<img src="imyaokongqi/lyyxykq_08.jpg"/>
			<img src="imyaokongqi/b4b93d1411bdce43a0e9552a1fd4e30e.png"/>
			<img src="imyaokongqi/39bf96107ff583439c1a47eba44d0893.png"/>
			<span style="display: inline-block;width: 1340px;height: 30px;background-color: #F5F5F5;"></span>
			<img src="2fe10e3776f6fa49a9e55f5583f8bfcc.png"/>
				<span style="display: inline-block;width: 1340px;height: 30px;background-color: #F5F5F5;"></span>
			<img src="c6ab5f473aaed24ca771e487c7d55b54.png"/>
			<h1 style="margin-left:400px ;margin-top:15px;color: #757575;">买过该商品的人还买了</h1>
		<div class="ff">
				<div class="fdiv"><img src="IMDP/pms_1478510064.36397738.jpg"/></div>
			<div class="fdiv"><img src="ADD/zhineng/pms_1482392555.22071382!220x220.jpg"/></div>
			<div class="fdiv"><img src="ADD/neirong/5e5da924-84e3-4959-9e25-5891cdf30757.png"/></div>
			<div class="fdiv"><img src="../六日作业/ADD/zhineng/pms_1500278194.46038854!220x220.jpg"/></div>
		</div>
		</div>
		</div>
		<div class="foot">
				<div class="foot-top">
					<ul>
						<li>
							<a href="#">预约维修服务</a>
						</li>
						<li>|</li>
						<li>
							<a href="#">7天无理由退货</a>
						</li>
						<li>|</li>
						<li>
							<a href="#">15天免费换货</a>
						</li>
						<li>|</li>
						<li>
							<a href="#">满150包邮</a>
						</li>
						<li>|</li>
						<li>
							<a href="#">520余家售后网点</a>
						</li>
					</ul>
				</div>
				<div class="foot-middle">
					<div class="middle-left">
						<div class="middle-list">
							<ul>
								<li class="list-head">帮助中心</li>
								<li>
									<a href="#">账户管理</a>
								</li>
								<li>
									<a href="#">购物指南</a>
								</li>
								<li>
									<a href="#">订单操作</a>
								</li>
							</ul>
						</div>
						<div class="middle-list">
							<ul>
								<li class="list-head">服务支持</li>
								<li>
									<a href="#">售后政策</a>
								</li>
								<li>
									<a href="#">自助服务</a>
								</li>
								<li>
									<a href="#">相关下载</a>
								</li>
							</ul>
						</div>
						<div class="middle-list">
							<ul>
								<li class="list-head">线下门店</li>
								<li>
									<a href="#">小米之家</a>
								</li>
								<li>
									<a href="#">服务网点</a>
								</li>
								<li>
									<a href="#">零售网点</a>
								</li>
							</ul>
						</div>
						<div class="middle-list">
							<ul>
								<li class="list-head">关于小米</li>
								<li>
									<a href="#">了解小米</a>
								</li>
								<li>
									<a href="#">加入小米</a>
								</li>
								<li>
									<a href="#">联系我们</a>
								</li>
							</ul>
						</div>
						<div class="middle-list">
							<ul>
								<li class="list-head">关注我们</li>
								<li>
									<a href="#">新浪微博</a>
								</li>
								<li>
									<a href="#">小米部落</a>
								</li>
								<li>
									<a href="#">官方微信</a>
								</li>
							</ul>
						</div>
						<div class="middle-list">
							<ul>
								<li class="list-head">特色服务</li>
								<li>
									<a href="#">F码通道</a>
								</li>
								<li>
									<a href="#">礼物码</a>
								</li>
								<li>
									<a href="#">防伪查询</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="middle-right">
						<div class="middle-text">
							<span class="number">400-100-5678</span><br />
							<span>周一至周日 8:00-18:00</span><br />
							<span>(仅收市话费)</span><br />
							<span class="customer"><a href="#">24小时在线客服</a></span>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<div class="footer-0">
					<div class="footer-left">
						<div class="footer-img">
							<img src="shouji/logo.png" />
						</div>
						<div class="footer-p">
							<p>小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</p><br />
							<p>@mi.com 京ICP证110507号 京ICP备10046444号京公网安备11010802020134号 京网文[2014]0059-0009号</p><br />
							<p> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
						</div>
					</div>
					<div class="footer-right">
					<img src="IMDP/193ef991df6a9047ac6784e9550986c1.png"/>
					</div>
				</div>
				<div class="footer-1">
					<p>探索黑科技，小米为发烧而生</p>
				</div>
			</div>
		
		<script type="text/javascript">
			var img1 = document.querySelector(".img1");
			var img2 = document.querySelector(".img2");
			var botn1 = document.querySelector(".botn1");

			function show2() {
				img1.style.display = "block";
				img2.style.display = "none";
			}

			function show1() {
				img1.style.display = "none";
				img2.style.display = "block";
			}
		</script>
		
		
		
		
		
	</body>

</html>